//Common colors
$color: (
  gray: #888888, //灰色
  blue: #69CFED, //蓝色
  green: #2BB766, //绿色
  red: #FF6552, //红色
  black: #000000,
  white: #FFFFFF,
  default: #333333,
  primary: #9050ba,
  success: #00A687, //成功
  warning: #FF9900, //提醒
  fail: #FF3300 //失败
);
@function color($key) {
  @return map-get($color, $key);
}


//Common sizes
$size: (
  0: 0,
  xs: 5px,
  s: 10px,
  m: 14px,
  l: 20px,
  xl: 30px
);
@function size($key) {
  @return map-get($size, $key);
}



//Common font sizes
$fontSize: (
  xxs: 8px,
  xs: 10px,
  s: 12px,
  m: 14px,
  l: 16px,
  xl: 18px,
  xxl: 20px,
);
@function fontSize($key) {
  @return map-get($fontSize, $key);
}

//Z-index
$zIndex: (
  navbar: 10,
  footer: 10
);
@function zIndex($key) {
  @return map-get($zIndex, $key);
}


//default variables
$primary-color: color(primary) !default;
$font-color-default: color(default) !default; //默认文字颜色
$background-color-default: #f4f4f4 !default;
$border-color-default: #cacaca !default;
$box-shadow-default: 0 0 5px #cccccc !default;
$font-family-default: 'Microsoft YaHei' !default;
$font-size-default: fontSize(m) !default;
$line-height-default: 20px !default;
$border-radius-default: 5px !default;

//other variables
$title: "h1,h2,h3,h4,h5,h6,.title";
//footer
$footer-nav-bg-color: #1c1b20;
$footer-nav-bg-color-active: #2d2b33;
$footer-nav-height: 48px;


